<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>

<body>

    <header
        style="display: flex;justify-content: space-between;background: #393D49;align-items: center;padding: 0px 20px;">
        <div style="color:#fff;font-size:24px;">
            中博招生管理系统
        </div>
        <ul class="layui-nav" lay-filter="">
            <li class="layui-nav-item"><a href="">快捷入口</a></li>
            <li class="layui-nav-item "><a href="">官网首页</a></li>
            <li class="layui-nav-item layui-this">
                <a href="javascript:;">Simba</a>
                <dl class="layui-nav-child">
                    <dd><a href="">修改密码</a></dd>
                    <dd><a href="">我的消息</a></dd>
                    <dd><a href="">退出系统</a></dd>
                </dl>
            </li>
        </ul>
    </header>

    <section style="height: calc(100vh - 60px );display: flex">
        <nav style="width:200px;background: #393D49">
            <ul class="layui-nav layui-nav-tree" lay-filter="test" lay-shrink="all">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">招生管理</a>
                    <dl class="layui-nav-child">
                        <dd class="layui-this"><a target="main" href="page/infoList.html">信息列表</a></dd>
                        <dd><a target="main" href="javascript:;">报名列表</a></dd>
                        <dd><a target="main" href="page/infoStatisic.html">数据统计</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">移动模块</a></dd>
                        <dd><a href="">后台模版</a></dd>
                        <dd><a href="">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">产品</a></li>
                <li class="layui-nav-item"><a href="">大数据</a></li>
            </ul>
        </nav>
        <article style="width:calc(100vw - 200px);padding:10px 15px;display: flex">
            <iframe name="main" src="page/infoList.html" frameborder="0" scrolling="no"
                style="flex:1;overflow: hidden;"></iframe>
        </article>
    </section>



    <script src="../layui/layui.js"></script>

    <script>
        layui.use(['element', 'layer'], () => {
            top.layer = layui.layer;
        });
    </script>
</body>

</html>